<%--
  Created by IntelliJ IDEA.
  User: free
  Date: 2017/10/11
  Time: 8:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="${pageContext.request.contextPath}/resources/js/jquery.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css" type="text/css">
    <script src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js"></script>

    <script src="${pageContext.request.contextPath}/resources/js/securityCenter.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/securityCenter.css" type="text/css">
</head>
<body>
<jsp:include page="/jsp/teacher/top.jsp"/>
<div class="container">
    <div class="row clearfix">
        <div class="form-group" >
            <label class="col-sm-2 control-label">手机:</label>
            <label >${teacher.teacher_phone}</label>
            <button class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="alter" >
                更换
            </button>


            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                请输入新的手机号：
                            </h4>
                        </div>
                        <div class="modal-body">
                            <input type="text" maxlength="11" id="tel"> <button id="sendSMS">发送</button>
                            <div id="tip">
                                <label>验证码已发送，五分钟内有效，请输入验证码：</label>
                                <br>
                                <input id="code" type="text"  maxlength="6" >
                                <button id="tipCode">提交</button>
                            </div>
                        </div>
                        <div class="modal-footer">

                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
        </div>
    </div>
</div>
</body>
</html>
